<!--
=========================================================
* Material Dashboard 2 - v3.0.0
=========================================================

* Product Page: https://www.creative-tim.com/product/material-dashboard
* Copyright 2021 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://www.creative-tim.com/license)
* Coded by Creative Tim

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="apple-touch-icon" sizes="76x76" href="/static/image/logo.png">
  <link rel="icon" type="image/png" href="/static/image/logo.png">
  <title>
    OLD ! Welcome
  </title>
  <!--     Fonts and icons     -->
  <link rel="stylesheet" type="text/css"
    href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" />
  <!-- Nucleo Icons -->
  <link href="/static/assets/css/nucleo-icons.css" rel="stylesheet" />
  <link href="/static/assets/css/nucleo-svg.css" rel="stylesheet" />
  <!-- Font Awesome Icons -->
  <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
  <!-- Material Icons -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
  <!-- CSS Files -->
  <link id="pagestyle" href="/static/assets/css/material-dashboard.css?v=3.0.0" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" href="/static/assets/css/ele-index.css">
  <link rel="stylesheet" type="text/css" href="/static/my_icon/iconfont.css">
</head>

<body class="bg-gray-200">
  <div id="app">
    <div class="container position-sticky z-index-sticky top-0">
      <div class="row">
        <div class="col-12">
          <!-- Navbar -->
          <nav
            class="navbar navbar-expand-lg blur border-radius-lg top-0 z-index-3 shadow position-absolute mt-4 py-2 start-0 end-0 mx-4">
            <div class="container-fluid ps-2 pe-0">

              <a class="navbar-brand font-weight-bolder ms-lg-0 ms-3 " href="../pages/homePage.html">
                <i class="ni ni-bold-left"></i>
                主页
              </a>
              <button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse"
                data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon mt-2">
                  <span class="navbar-toggler-bar bar1"></span>
                  <span class="navbar-toggler-bar bar2"></span>
                  <span class="navbar-toggler-bar bar3"></span>
                </span>
              </button>
              <div class="collapse navbar-collapse" id="navigation">
                <ul class="navbar-nav mx-auto">
                  <li class="nav-item">
                    <a class="nav-link d-flex align-items-center me-2 active" aria-current="page" href="#"
                      id="show_title">
                      HELLO
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
          <!-- End Navbar -->
        </div>
      </div>
    </div>
    <main class="main-content  mt-0">
      <div class="page-header align-items-start min-vh-100"
        style="background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201903%2F30%2F20190330192531_jKAKG.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1638686839&t=b4a86723bee3929f6ce7dbc259d3cf07');">
        <span class="mask bg-gradient-dark opacity-6"></span>
        <div class="container my-auto">
          <div class="row">
            <div class="col-lg-4 col-md-8 col-12 mx-auto">
              <div class="card z-index-0 fadeIn3 fadeInBottom">
                <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
                  <div class="bg-gradient-danger shadow-dark border-radius-lg py-3 pe-1">
                    <h4 class="text-white font-weight-bolder text-center mt-2 mb-0">以下内容所有注册用户都应遵守</h4>
                    <div class="row mt-3">
                    </div>
                  </div>
                </div>
                <div class="card-body">
                    <div class="w-100 my-4 mb-2">
                        <h6>关于博文</h6>
                        <p class="mb-0 ms-2" for="rememberMe">博文的审核</p>
                        <p class="mb-0 ms-4" for="rememberMe">1. 所有博文都需审核， 审核通过才能展示</p>
                        <p class="mb-0 ms-4" for="rememberMe">2. 所有博文内容不宜过短及过长</p>
                        <p class="mb-0 ms-2" for="rememberMe">博文的内容</p>
                        <p class="mb-0 ms-4" for="rememberMe">1. 内容受限范围</p>
                        <p class="mb-0 ms-6" for="rememberMe">1-1 政治敏感</p>
                        <p class="mb-0 ms-6" for="rememberMe">1-2 政治隐喻</p>
                        <p class="mb-0 ms-6" for="rememberMe">1-3 反社会内容</p>
                        <p class="mb-0 ms-6" for="rememberMe">1-4 色情淫秽内容</p>
                        <p class="mb-0 ms-6" for="rememberMe">1-4 涉台涉疆内容</p>
                    </div>
                    <div class="w-100 my-4 mb-2">
                        <h6>关于评论</h6>
                        <label class="mb-0 ms-2" for="rememberMe">记住我</label>
                    </div>
                    <div class="w-100 my-4 mb-2">
                        <h6>关于字段</h6>
                        <label class="mb-0 ms-2" for="rememberMe">记住我</label>
                    </div>
                  <form role="form" class="text-start">
                    <div class="text-center">
                      <button type="button" class="btn btn-dark w-100 my-4 mb-2" id="login"
                        @click="goback">已知晓</button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
        <footer class="footer position-absolute bottom-2 py-2 w-100">
          <div class="container">
            <div class="row align-items-center justify-content-lg-between">
              <div class="col-12 col-md-6 my-auto">
                <div class="copyright text-center text-sm text-white text-lg-start">
                  ©
                  <script>
                    document.write(new Date().getFullYear())
                  </script>,
                  made with <i class="fa fa-heart" aria-hidden="true"></i> by
                  <a href="" class="font-weight-bold text-white" target="_blank">Candyeel</a>
                  for a better web.
                </div>
              </div>
              <div class="col-12 col-md-6">
                <ul class="nav nav-footer justify-content-center justify-content-lg-end">
                  <li class="nav-item">
                    <a href="" class="nav-link text-white" target="_blank">Creative Tim</a>
                  </li>
                  <li class="nav-item">
                    <a href="" class="nav-link text-white" target="_blank">About Us</a>
                  </li>
                  <li class="nav-item">
                    <a href="" class="nav-link text-white" target="_blank">Blog</a>
                  </li>
                  <li class="nav-item">
                    <a href="" class="nav-link pe-0 text-white" target="_blank">License</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </footer>
      </div>
    </main>
  </div>

  <!--   Core JS Files   -->
  <script src="/static/assets/js/core/popper.min.js"></script>
  <script src="/static/assets/js/core/bootstrap.min.js"></script>
  <script src="/static/assets/js/plugins/perfect-scrollbar.min.js"></script>
  <script src="/static/assets/js/plugins/smooth-scrollbar.min.js"></script>

  <script src="/static/assets/js/my/jquery.js"></script>
  <script src="/static/assets/js/my/vue.min.js"></script>
  <script src="/static/assets/js/my/vue-router.js"></script>
  <script src="/static/assets/js/my/ele.index.js"></script>
  <script src='/static/js/clickEmoji.js'></script>

  <script>
    var win = navigator.platform.indexOf('Win') > -1;
    if (win && document.querySelector('#sidenav-scrollbar')) {
      var options = {
        damping: '0.5'
      }
      Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
    }
  </script>
  <!-- Github buttons -->
  <script async defer src="https://buttons.github.io/buttons.js"></script>
  <!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc -->
  <script src="/static/assets/js/material-dashboard.min.js?v=3.0.0"></script>
  <!-- vue绑定 -->
  <script>
    new Vue({
      el: '#app',
      data: {
        loading: true,
        titleList: [
          "你不知道的事",
          "永远发生在下一时刻",
          "美好即将发生"
        ],
        refer: localStorage.getItem("refer"),
      },
      created() {
        this.loop_title();
      },
      mounted() {
      },
      watch: {
      },
      methods: {
          goback() {
            document.location.href = this.refer || `/pages/homePage.html/`
          },
        loop_title() {
          let self = this;
          setInterval(function () {
            pop_title = self.titleList[0];
            self.titleList = self.titleList.slice(1).concat([pop_title]);
            document.getElementById("show_title").innerText = pop_title;
          }, 3000)
        }

      }
    })
  </script>
  <script src="https://myhkw.cn/api/player/1636018876119" id="myhk" key="1636018876119" m="1"></script>
</body>

</html>